<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<div id="content">
	<%@ include file="../common/hello.jsp"%>
	<style type="text/css">
.tblAccount {
	background-color: WHITE;
	width: 800px;
}

.tblAccount td {
	padding: 2px;
	padding-left: 10px;
	text-align: left;
	width: 100px;
}
</style>
	<div id="maincontent">
		<form action="view" method="get">
			<br /> <font color="#0E5841"><h3 align="left">ACCOUNT
					INFORMATIONS</h3></font> <br />
			<table class="tblAccount" align="center" border="1">
				<tr>
					<td align="left">Account ID</td>
				</tr>
				<c:forEach items="${accountList}" var="acct">
					<tr>
						<td><a href="view_Account?account=${acct.accId }">${acct.accId}</a>
						</td>
					</tr>
				</c:forEach>
			</table>
			<br /> <font color="#0E5841"><h3 align="left">CUSTOMER
					INFORMATIONS</h3> </font> <br />
			<table class="tblAccount" align="center" border="1">
				<tr>
					<td>Customer Name</td>
					<td width="200px">${cust.custName}</td>
				</tr>
				<tr>
					<td>Birthday</td>
					<td>${cust.birthDay}</td>
				</tr>
				<tr>
					<td>Sex</td>
					<td width="200px"><c:if test="${cust.sex}">Male</c:if> <c:if
							test="${not cust.sex}">Female</c:if></td>
				</tr>
				<tr>
					<td align="left" width="100px">Nationality</td>
					<td width="200px">${cust.nationality}</td>
				</tr>
				<tr>
					<td align="left" width="100px">Customer address</td>
					<td width="200px">${cust.custAddress}</td>
				</tr>
				<tr>
					<td align="left" width="100px">District ID</td>
					<td width="200px">${cust.district_Id}</td>
				</tr>
				<tr>
					<td align="left" width="100px">City ID</td>
					<td width="200px">${cust.city_Id}</td>
				</tr>
				<tr>
					<td align="left" width="100px">Email</td>
					<td width="200px">${cust.email}</td>
				</tr>
				<tr>
					<td align="left" width="100px">PhoneNumber</td>
					<td width="200px">${cust.phoneNumber}</td>
				</tr>
				<tr>
					<td align="left" width="100px">IDCard Number</td>
					<td width="200px">${cust.idCardNumber}</td>
				</tr>
				<tr>
					<td align="left" width="100px">IDCard Date Issue</td>
					<td width="200px">${cust.idCardDateIssue}</td>
				</tr>
				<tr>
					<td align="left" width="100px">IDCard Place Issue</td>
					<td>${cust.idCardPlaceIssue}</td>
				</tr>
				<tr>
					<td align="left">Cust Status</td>
					<td>
					<c:if test="${cust.custStatus}">Enable</c:if> 
					<c:if test="${not cust.custStatus}">Disable</c:if>
					</td>
				</tr>
			</table>
		</form>
	</div>
</div>